<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>

  <script src="jquery-3.7.1.min.js"></script>
  <!--  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>-->

</head>
<body>

<div id="div1">我是第一个div</div>


<script>
  var domele1 = document.getElementById("div1");
  //js api获取的元素
  // alert();
  //[object HTMLxxxElement] dom对象

  $(domele1);//jquery

  $("#div1")[0];//dom
  $("#div1").get(0);//dom

  //jQuery api获取的元素
  // alert($("#div1"));
  //[object Object] jQuery对象





  // var e = document.getElementById("div1");
  // console.log(e.html());
  // var $1 = $(e);
  // $1.html("覆盖旧内容");


  // $("#div1").innerHTML = "abc";

  // var e = $("#div1")[0];
  // var e = $("#div1").get(0);

  // e.innerHTML = "abc";


</script>

</body>
</html>
